<template>
    <div>
        <!-- router-link取代a标签 -->
  <router-link to='#/one'>1</router-link>
  <router-link to='#/two'>2</router-link>
 <router-link to='#/three'>3</router-link>
      <router-view></router-view>
      
    </div>
  </template>
  
  <script>
  export default {
    
  }
  </script>
  
  <style>
  
 /* 
精准匹配router-link-exact-active
模糊匹配router-link-active 

可以在创建路由对象中自定义匹配类名:修改两个匹配类名的名称
linkActiveClass: 'active',
linkExactActiveClass: 'exact-active'
 

 */

  </style>